
    <div class="am-wingblank am-wingblank-lg">
      <div class="loading-container">
        <p class="sub-title">Without text</p>
        <div class="loading-example">
          <ActivityIndicator [animating]="true"></ActivityIndicator>
        </div>
        <p class="sub-title">With text</p>
        <div class="loading-example">
          <ActivityIndicator [text]="'Loading...'"></ActivityIndicator>
        </div>
        <p class="sub-title">With large size and customized text style</p>
        <div class="loading-example">
          <div class="align">
            <ActivityIndicator [size]="'large'"></ActivityIndicator>
            <span style="margin-top:8;">Loading...</span>
          </div>
        </div>
      </div>
      <div class="toast-container">
        <div class="am-whitespace am-whitespace-xl"></div>
        <a role="button" class="am-button" (click)="showToast()"><span>click to show Toast</span></a>
        <div class="toast-example">
          <ActivityIndicator [toast]="true" [text]="'Loading...'" [animating]="animating"></ActivityIndicator>
        </div>
      </div>
    </div>
  